﻿
*{
  list-style-type: none;
  text-decoration: none;
  outline-style: none;
}
a{
  color: #555;
}
a:hover{
  color: rgb(211,92,117);
}
input:-webkit-autofill{
  background-color: transparent!important;
  background-image: none;
  color: inherit!important;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.registry-main {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;

  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
}
.registry-main .registry-top{
  position: absolute;
  border-top:3px solid rgb(211,92,117);
  z-index: 9999;
  width: 100%;
  height:60px;
  padding:50px 0;
  top:0;

  display: flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}

.registry-main .registry-top .logo-1080{
  position: relative;
  display: inline-block;
  width: calc(60px + 150px);
  margin:0 auto;
  height:60px;
  background: url("../../static/img/logo/logo-1080.png") no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  cursor: pointer;
  top:0;
  bottom:0;
}
.registry-main .registry-top .logo-1080:after{
  position:absolute;
  content: '芯微博';
  color: rgb(217, 92, 112);
  height: 60px;
  width: 150px;
  font-size: 50px;
  line-height: 60px;
  font-family: '微软雅黑', serif;
  font-style: oblique;
  top: 0;
  left: 60px;
  display: inline-block;
}


.registry-main .registry-box {
  position: absolute;
  top:160px;
  width: 900px;
  height: 500px;

  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;

}

.registry-main .registry-box .title {
  position: absolute;
  top:0;
  left:0;
  right:0;
  width: calc(900px - 40px);
  height: calc(80px - 40px);
  line-height: 60px;
  padding:20px;

  display: flex;
  flex-direction: row;
  align-items:center;
}

.registry-main .registry-box .title .title-font{
  /*position: relative;*/
  padding:0;
  margin:0;
  display: inline-block;
  height:37px;
  line-height:37px;
  font-size:25px;
  font-weight:bold;
  border-bottom:3px solid rgb(211,92,117);
  color: #666;
  margin-right:20px;
}
.registry-main .registry-box .title .title-font.part-left{
  float: left;
}

.registry-main .registry-box .title .title-font.part-right{
  float: right;
}

.registry-main .registry-box .content {
  position: absolute;
  top:80px;
  width: calc(900px - 40px);
  height: calc(500px - 80px);
  padding:0 20px;

  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}

.registry-main .registry-box .content .input-box{
  position: relative;
  width:100%;
  height:calc(100% - 40px);
  margin:20px 0;

}
.registry-main .registry-box .content .input-box .input-label{
  position: relative;
  height:50px;
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:650px;
}
.registry-main .registry-box .content .input-box .input-label .input-name{
  position: relative;
  width:150px;
  text-align: right;
  padding-right:10px;
  height:25px;
  line-height:25px;
  font-size:17px;
}
.registry-main .registry-box .content .input-box .input-label input.input-main{
  position: relative;
  width:300px;
  height:30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding:5px;
  font-size:16px;
  border:1px solid #999;
}

.registry-main .registry-box .content .input-box .input-label.split-4 input.input-main{
  position: relative;
  width:140px;
  height:30px;
}
.registry-main .registry-box .content .input-box .input-label.split-4 a.btn{
  position: relative;
  display: inline-block;
  width:148px;
  height:28px;
  margin-left:10px;
  line-height:30px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size:16px;
  border:1px solid #ddd;
}
.registry-main .registry-box .content .input-box .input-label.split-4 a.btn.unusable{
  background: #ddd;
  color: #aaa;
  cursor: auto;
}
.registry-main .registry-box .content .input-box .input-label.split-4 a.btn.usable{
  background: #fff;
}
.registry-main .registry-box .content .input-box .input-label.split-4 a.btn.usable:hover{
  background: #eee;
}
.registry-main .registry-box .content .input-box .input-label.split-4 a.btn.usable:active{
  background: #ddd;
}

.registry-main .registry-box .content .input-box .input-label a.input-main{
  position: relative;
  width:300px;
  height:35px;
  line-height:35px;
  background: rgb(211,92,117);
  color: #fff;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding:3px;
  text-align: center;
}


.registry-main .registry-box .content .input-box .input-label input.input-main:hover{
  border:1px solid rgb(211,92,117);
}
.registry-main .registry-box .content .input-box .input-label input.input-main:focus{
  border:1px solid rgb(211,92,117);
}

.registry-main .registry-box .content .input-box .input-label .input-tips{
  position: relative;
  width:175px;
  height:25px;
  line-height:25px;
  padding: 0 5px;
  font-size:15px;
  color: rgb(211,92,117);
  background: #ffffff;
  border:1px solid #ccc;
  border-left:none;

  margin-left:25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}

.registry-main .registry-box .content .input-box .input-label .input-tips.tips-hidden{
  visibility: hidden;
}
.registry-main .registry-box .content .input-box .input-label .input-tips.tips-show{
  visibility:visible;
}



.registry-main .registry-box .content .input-box .input-label .input-tips::after{
  content: '';
  position: absolute;
  z-index: -1;
  width:18px;
  height:18px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  border:1px solid #cccccc;
  border-top:none;
  border-right:none;

  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow:-1px 1px  1px rgba(0, 0, 0, 0.1);
  background: #ffffff;

  top:3px;
  left:-9px;

}

.registry-main .registry-box .content .registry-help{
  width:calc(250px);
  height:calc(100% - 40px);
  margin:20px 0;
  border-left:1px solid #ccc;

}
.registry-main .registry-box .content .registry-help ul li{
  font-size:15px;
}


.registry-main .registry-bottom{
  display: inline-block;
  position: absolute;
  width: 900px;
  top:calc(160px + 500px);
}